<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>

<%@ include file="/WEB-INF/views/shared/master/contentHeader.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/index.jsp"%>
<style type="text/css">
.navigation .navigation-header{
	min-height: 22px;
	padding: 6px 20px;
	font-size:14px;
	margin-top: 5px;
}
.navigation > li > a{
	padding: 7px 20px;
	min-height: 34px;
	font-size:13.5px;
}
.category-title > span{
	font-size:14px !important;
}
.folder-container:hover,.file-container:hover{
	background-color: #eee;
	cursor: pointer;
}
.breadcrumb li{
	cursor: pointer;
}
.breadcrumb > li.active{
	cursor: default;
}
@media (min-width: 769px){
	.has-detached-left .content-detached {
	    margin-left: 240px;
	}
	.sidebar-detached.fixed-sidebar-space{
		bottom:0px;
	}
	.sidebar{
		width:220px;
	}
}
</style>

<div data-target='.sidebar-detached' class='has-detached-left'>
	<c:import url="left.jsp" />
	<div class="container-detached" style="">
		<div class="content-detached" style="padding-top: 10px;">
			<div class="panel panel-flat" style="">
				<div class="panel-heading">
					<h5 class="panel-title" id="scrollspy">我的文件柜</h5>
					<input name="parentId" id="parentId" value="0" type="hidden"/>
					<input name="parentLevel" id="parentLevel" value="0" type="hidden"/>
					<div class="heading-elements">
						<ul class="icons-list">
	                		<li><a onclick="loadOutput()" data-action="reload"></a></li>
	                	</ul>
	               	</div>
				</div>
				<div class="panel-body" style="height:1000px;">
					<div class="row">
						<c:import url="input.jsp" />
					</div>
					<div class="row catalog-path">
						<c:import url="path.jsp" />
					</div>
					<div class="row outputContent">
						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">

	$(function(){
		loadOutput();
		
		setHomePath();
	})


	$(function(){
		function resizeDetached() {
	        $(window).on('load scroll', function() {
	          if ($(window).scrollTop() > $(document).height() - $(window).height() - 40) {
	            $('.sidebar-detached').addClass('fixed-sidebar-space');
	          }
	          else {
	            $('.sidebar-detached').removeClass('fixed-sidebar-space');
	          }
	        });
	    }

	    $('.sidebar-detached').on('affix.bs.affix', function() {
	        resizeDetached();
	    });

	    $('.sidebar-detached').affix({
	        offset: {
	            top: $('.sidebar-detached').offset().top - 20
	        }
	    });


	    $(window).on('resize', function() {
	        setTimeout(function() {            
	            if($(window).width() <= 768) {
	                $(window).off('.affix')
	                $('.sidebar-detached').removeData('affix').removeClass('affix affix-top affix-bottom');
	            }
	        }, 100);
	    }).resize();
	})
</script>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/notifications.jsp"%>
<%@ include file="/WEB-INF/views/shared//master/contentFooter.jsp"%>